<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类页</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<script src="./js/jquery.11.min.js"></script>
		<!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>-->
		<script src="./js/index.js"></script>
	</head>

	<body>
		<!--顶部导航-->
		<div id="top">
			<div class="left">
				<ul class="class">

					<li class="class">
						<a href="">品牌官网</a><span>|</span></li>
					<li class="class">
						<a href="">炫耀官网</a><span>|</span></li>
					<li class="father">
						<div class="title">
							<a href="">软件管理</a><i></i></div>

						<div class="hiden">
							<a href="">开发者联盟</a>
							<a href="">EMU</a>
							<a href="">应用市场</a>
							<a href="">云服务</a>
						</div>

					</li>
					<li class="class">
						<a href="">花粉俱乐部</a><span>|</span></li>
					<li class="class">
						<a href="">Select Regoin</a>
					</li>

				</ul>
			</div>
			<div class="right">
				<ul>
					<li>
						<strong><a href="">登录</a></strong>&nbsp;
						<strong><a href="">注册 </a></strong>

					</li>
					<span>|</span>

					<li>
						<a href="">我的订单</a>

					</li>
					<span>|</span>
					<li>
						<a href="">V码（优购码)</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<a href="">手机版</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<div class="title">
							<a href="" class="font">网站导航</a><i></i>
						</div>
						<div class="hiden">
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!--顶部灰条结束-->
		<!--购物车Logo 开始-->
		<div class="header">
			<div class="shopping">
				<!--logo开始-->
				<div class="logo">
					<a href="mapLink">
						<img src="./images/logo.png" alt="" />
					</a>
				</div>
				<!--logo结束-->
				<!--搜索开始-->
				<div class="seek">

					<!--搜索表单-->
					<form action="" method="post">
						<input class="text" type="text" name="" id="" value="" required="required" />
						<input type="submit" value="搜索" class="button" />
					</form>

					<div class="hot">
						<b>热门搜索：</b>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>
						<a href="">NOTE8</a>

					</div>
				</div>
				<!--搜索结束-->

				<div class="MyStore">
					<!--商城登录注册开始-->
					<div class="store">
						<div class="title">
							<a href="">我的商城</a><span></span>
						</div>
						<div class="hidden">
							<div class="login">

								你好，请 :&nbsp;
								<a href="">登录</a>&nbsp;&nbsp;
								<span>|</span>&nbsp;&nbsp;
								<a href="">注册</a>
							</div>
							<ul>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">待支付</a>
								</li>
								<li>
									<a href="">待评论</a>
								</li>
								<li>
									<a href="">优惠券</a>
								</li>
								<li>
									<a href="">站内信</a>
								</li>
							</ul>
							<img src="./images/20160127095348354.jpg" />
						</div>

					</div>
					<!--商城登录注册结束-->
					<!--购物车开始-->
					<div class="shoppingCar">

						<a href="">购物车(0)</a>
						<div class="hidden">

							<span>您的购物车还是空的赶紧选购吧</span>
						</div>
					</div>
					<!--购物车结束-->
				</div>
				<!--微信二维码开始-->
				<div class="weixin">
					<a href=""> <img src="./images/20160127095348354.jpg" /></a>
				</div>
			</div>
		</div>
		<!--//****** 导航开始********8//-->

		<div class="nav">
			<div class="top">
				<div class="father">
					<h2 class="title">全部商品</h2>
					<div style="display: none;" class="hid">
						<ul>

							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>
							<li class="left_nav">

								<div class="left_av_title">
									<h3><a>手机</a></h3>
									<a href="">荣耀 </a>
									<a href="">荣耀 </a>
									<a href="">回味met、/xilie</a>
								</div>
								<div class="left_nav_hid">
									<ul>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>
										<li>
											<a href=""> 华为荣耀唱完</a>
										</li>

									</ul>
									<dl>
										<dt><span>推荐商品</span></dt>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>
										<dd>
											<a href="">荣耀铁圈耳机</a>
										</dd>

									</dl>
								</div>
							</li>

						</ul>
					</div>
				</div>

				<ul class="right">
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">华为专区</a>
					</li>
					<li>
						<a href="">荣耀专区</a>
					</li>
					<li>
						<a href="">荣耀8</a><img src="./images/index.png" alt="" /></li>
					<li>
						<a href="">P9</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">荣耀V8</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">配件专区</a><img src="./images/Hindex.png" alt="" /></li>
					<li>
						<a href="">精彩频道</a>
					</li>
				</ul>
			</div>

		</div>
		<!--********************************************子类继承开始-*****************->-->
		<div id="List-main">
			<div class="main_classification">
				<a href="">首页</a><span>></span>
				<a href="">分类</a><span>></span>
				<span>（分类名称） 华为Mate/P系列</span>
				1200
				205
			</div>
			<!--分类-->
			<div class="main_table">

				<ul>
					<li>
						<dl>
							<dt>分类：</dt>
							<dd><a href="">全部</a></dd>
							<dd><a href="">荣耀</a></dd>
							<dd><a href="">荣耀唱完</a></dd>
							<dd><a href="">华为  Meta/P系列</a></dd>
							<dd><a href="">华为  G/Y 系列</a></dd>
							<dd> <a href="">运营商合约</a></dd>
							
						</dl>
					</li>
					<li>
						<dl>
							<dt>网络制式：</dt>
							<dd><a href="">全部</a></dd>
							<dd><a href="">荣耀</a></dd>
							<dd><a href="">荣耀唱完</a></dd>
							<dd><a href="">华为  Meta/P系列</a></dd>
							<dd><a href="">华为  G/Y 系列</a></dd>
							<dd> <a href="">运营商合约</a></dd>
							
						</dl>
					</li>
					<li>
						<dl>
							<dt>屏幕尺寸：</dt>
							<dd><a href="">全部</a></dd>
							<dd><a href="">荣耀</a></dd>
							<dd><a href="">荣耀唱完</a></dd>
							<dd><a href="">华为  Meta/P系列</a></dd>
							<dd><a href="">华为  G/Y 系列</a></dd>
							<dd> <a href="">运营商合约</a></dd>
							
						</dl>
					</li>
					<li>
						<dl>
							<dt>排序：</dt>
							<dd><a href="">全部</a></dd>
							<dd><a href="">荣耀</a></dd>
							<dd><a href="">荣耀唱完</a></dd>
							<dd><a href="">华为  Meta/P系列</a></dd>
							<dd><a href="">华为  G/Y 系列</a></dd>
							<dd> <a href="">运营商合约</a></dd>
							
						</dl>
					</li>
				</ul>
			</div>
			<div class="main_content">
				<ul>
					<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
				<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
					<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
					<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
					<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
					<li>
						<a href=""><img src="images/ListPageContent.jpg"/></a>
						<div class="main_content-text">
							<p>
								<a href="">
									荣耀7 移动4G版(冰河银)
									<span>限量赠送荣耀小口哨</span>
							    </a>
							</p>
							<p >
								
								<span class="money">￥1449</span>
							</p>
						</div>
						<div class="main_content_bottom">
							<a href="" target="_blank">选购</a>
							<span>521评价</span>
							
						</div>
					</li>
					
				</ul>
				
			</div>
		</div>

		<!--********************************************子类继承结束-*****************-->
		<div class="public_footer">
			<!--五百强企业退货开始-->
			<div class="public_footer_slogan">
				<ul>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>

				</ul>
			</div>
			<!--售后服务、-->
			<div class="service">
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

			</div>
			<!--底部友情链接热门搜索-->
			<div class="public_footer_webset">
				<div class="webset_hotLink">
					<p>
						热门华为手机：
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>
				</div>
				<!--协议备案-->
				<div class="web_set_agreement">
					<p>
						<a href="">隐私政策 </a>
						<a href=""> 服务协议</a> email 115566633@sin.com</p>
					<p>
						<a href="">公安网备案555655969156</a>|增值电信业务许可证
						<a href="">网络文化许可118666146416</a>
					</p>
					<div class="webset_over">
						<p>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>

						</p>
					</div>

				</div>
			</div>
			<!--右侧定位点击回顶部-->
			<div class="Right_fixed">

				<a href=""></a>
				<a href=""></a>
				<a href=""></a>

			</div>

		</div>

	</body>

</html>